<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="/static/js/jquery-1.11.3.js"></script>
    <script>
        function selected_topic(id) {
            if (id == 1)
                {
                    $("#question_answer").removeClass();
                    var btn = document.getElementById("question_answer").innerHTML = '';
                    var btn1 = document.getElementById("question_answer");
                    btn1.innerHTML="正确答案：";
                }
            else if (id == 2)
                {
                    $("#question_answer").removeClass();
                    var btn = document.getElementById("question_answer").innerHTML = '';
                    var btn1 = document.getElementById("question_answer");
                    btn1.innerHTML="正确答案：";
                }
            else
                {
                    $("#question_answer").removeClass();
                    var btn = document.getElementById("question_answer").innerHTML = '';
                    var btn1 = document.getElementById("question_answer");
                    btn1.innerHTML="正确答案：3";
                }
        }
    </script>
<style>
    .div {
        display: inline-block;
        padding: .3em .5em;
        background-image: linear-gradient(#ff897f, #bbb);
        border: 1px solid rgba(0,0,0,.2);
        border-radius: .3em;
        box-shadow: 0 1px white inset;
        text-align: center;
        text-shadow: 0 1px 1px black;
        color:white;
        font-weight: bold;
    }
    .div:active{
        box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;
        border-color: chartreuse;
        background: #bbb;
}</style>


</head>
<body>

<div class="div" onclick="selected_topic(1)">填空题</div>
<div class="div" onclick="selected_topic(2)">修改题</div>
<div class="div" onclick="selected_topic(3)">编程题</div>
<div id='question_answer'>
{#    {{ res.gap_filling |safe  }}#}
    {{ res.programme  |safe }}
{#    {% autoescape off %}#}
{#        答案：{{ res.gap_filling_answer }}#}
{#    {% endautoescape %}#}
</div>

</body>
</html>